<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>恐怖海龟汤 - 悬疑推理游戏</title>
    <link rel="stylesheet" href="{{ url_for('static', filename='css/c.css') }}">
</head>
<body>
    <div class="container">
        <header>
            <h1>恐怖海龟汤</h1>
            <p>揭开谜题背后的恐怖真相</p>
        </header>

        <main>
            <div class="soup-container">
                <div class="turtle-soup-image">
                    <div class="soup-bowl">
                        <div class="soup-liquid"></div>
                        <div class="turtle"></div>
                        <div class="bubbles">
                            <div class="bubble"></div>
                            <div class="bubble"></div>
                            <div class="bubble"></div>
                            <div class="bubble"></div>
                        </div>
                    </div>
                </div>
                
                <div class="soup-content">
                    <div id="welcome-message">
                        <h2>欢迎来到恐怖海龟汤</h2>
                        <p>在这里，你将面对最诡异的谜题和最恐怖的真相</p>
                        <p>点击下方按钮生成一个令人毛骨悚然的海龟汤故事</p>
                    </div>
                    
                    <div id="soup-surface" class="hidden">
                        <h2 id="soup-title"></h2>
                        <p id="surface-text"></p>
                    </div>
                    
                    <div id="soup-bottom" class="hidden">
                        <h3>汤底揭秘</h3>
                        <p id="bottom-text"></p>
                    </div>
                </div>
            </div>
            
            <div class="controls">
                <button id="generate-btn" class="btn">生成海龟汤</button>
                <button id="reveal-btn" class="btn hidden">揭示汤底</button>
                <button id="reset-btn" class="btn hidden">再来一汤</button>
            </div>
        </main>
        
        <footer>
            <p>警告：本网站内容包含恐怖悬疑元素，请谨慎阅读</p>
        </footer>
    </div>

    <script src="{{ url_for('static', filename='js/j.js') }}"></script>
</body>
</html>